
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
    html { height: 100% }
    body { height: 100%; margin: 0; padding: 0 }
    #map_canvas { width: 100%; height: 100% }
</style>
<script type="text/javascript">

    function initialize() {
        var latlng = new google.maps.LatLng(-34.397, 150.644);
        var myOptions = {
            zoom: 2,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(
        document.getElementById("map_canvas"),
        myOptions);
    }
  

    //$(document).ready(initialize);

</script>
<h5>Contenu de l'action index du contrôleur Index</h5>

<div id="container">
    <div id="map_canvas" _style="width:100%; height:100%"></div>
</div>
<script type="text/javascript">
    /*
    $(document).ready(function() {
        $('#container').load('./index/list/format/html');

    });
     */
</script>

<div id="dp1"></div>

<?php
echo $this->ajaxLink("Example 3", $this->baseUrl() . "/patient/autocomplete", array('dataType' => 'json',
    'complete' => 'alert(data[0].label)'), array('term' => 's'));
?>




<?php
echo $this->ajaxLink("Autocomplete", $this->baseUrl() . "/patient/autocomplete", array(
    'update' => '#div-toto',
    'noscript' => true,
    'method' => 'POST'), array('term' => 's'));
?>

<?php
echo $this->ajaxLink("Example 6", "/patient/", array(
    'noscript' => true,
    'beforeSend' => 'hide',
    'complete' => 'show'));
?>

<div id="div-toto"></div>


<div id="content"></div>
